import React from "react";

// export default class LearnCreateElement extends React.Component {

//   render () {
//     return (
//       <div>你好，我是jsx</div>
//     )
//   }
// }

class Component1 extends React.Component {
  render() {
    console.log(this.props)
    return <div>我是一个组件---{this.props.name}--{this.props.age}</div>;
  }
}

// export default class LearnCreateElement extends React.Component {

//   render () {
//     /**
//      * 第一个参数是标签名或者组件
//      * 所谓的标签名就是html标签
//      * 组件就是我们的react组件
//      *
//      * 第二个参数 是 给组件或者标签传的参数
//      *
//      * 第三个参数 子级
//      */
//     return React.createElement('div', null, '你好，我是jsx')
//   }
// }

/**
 * 渲染一个组件
 */

export default class LearnCreateElement extends React.Component {
  render() {
    /**
     * 第二个参数是给组件传值的
     * 那么如果要传的话，要传一个对象，在对象里面描述要传的值
     */
    return React.createElement(Component1, { name: "张三", age: 18 });
  }
}
